body {
  margin: 0;
}

#root-container {
  padding: 5px;
  display: flex;
  flex-direction: column;

  #url-input-bar {
    display: flex;
    flex-direction: row;

    .header {
      display: flex;
      align-items: center;
    }

    #url-input {
      flex: 1;
    }
  }

  #webview {
    flex: 1;
    padding-top: 5px;
  }

  .network-monitor {
    height: 100px;
    display: flex;
    flex-direction: column;

    .network-monitor-header {
      display: flex;
      flex-direction: row;
      background-color: silver;
      border-radius: 5px 5px 0 0;
      padding: 3px;

      #save-dir {
        width: 380px;
      }
    }

    .network-monitor-output {
      width: 100%;
      flex: 1;
      font-size: 9pt;
    }
  }
}